<!DOCTYPE hmtl>
<head>
	<title>GeneSys</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="css/acordeon.css"> 
	<link rel="icon" type="image/png" href="images/GeneSys-Favicon.png" />
	<script type="text/javascript" src="js/PrefixFree.js"></script>
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/acordeon.js"></script>
	<!--script src="http://thecodeplayer.com/uploads/js/prefixfree-1.0.7.js" type="text/javascript" type="text/javascript"></script-->
	<!--script src="http://thecodeplayer.com/uploads/js/jquery-1.7.1.min.js" type="text/javascript"></script-->


<style type="text/css">
	
		body 
	{
		background: url('bg.png');
		margin: 0;
		padding: 0;
	}


</style>
</head>	

<body>
	
	<div id="accordian">
	<img src="images/GeneSys-encabezado.png">
	<!--h1 align="center">GeneSys</h1-->
		<ul>
			<li>
				<h3><span class="icon-cog"></span>Configuración</h3>
				<ul>
					<li><a class="icon-user" href="#">Usuarios</a></li>
					<li><a class="icon-ok" href="#">Parámetros</a></li>
					<li><a class="icon-group" href="EjemploCRUD/index.php">Académicos</a></li>
				</ul>
			</li>
			<li>  <!-- we will keep this LI open by default --> <!-- class="active" -->
				<h3><span class="icon-edit"></span>Boletas</h3>
				<ul>
					<li><a class="icon-ok" href="#">Registro</a></li>
					<li><a class="icon-ok" href="#">Aprobación</a></li>
					<li><a class="icon-ok" href="#">Consulta</a></li>
					<li><a class="icon-print" href="#">Reportes</a></li>			
				</ul>
			</li>
			<li>
				<h3><span class="icon-question-sign"></span>FAQ</h3>
				<ul>
					<li><a class="icon-ok" href="#">Ayuda</a></li>
				</ul>
			</li>
			<li>
				<h3><span class="icon-ok"></span>Salir</h3>
				<!--ul>
					<li><a class="icon-ok" href="">listar</a></li>
				</ul-->
			</li>
		</ul>
	</div>

</body>


</html>